<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>企业用户_企业管理</title>
		<link href="css/common.css" rel="stylesheet" type="text/css" />
		<link href="css/normolize.css" rel="stylesheet" type="text/css" />
		<link href="css/style.css" rel="stylesheet" type="text/css" />
		<!--[if IE 9]> <link href="css/ieHack9.css" rel="stylesheet" type="text/css" /> <![endif]-->
		<!--[if IE 8]> <link href="css/ieHack.css" rel="stylesheet" type="text/css" /><link href="css/ieHack8.css" rel="stylesheet" type="text/css" /> <![endif]-->
		<!--[if lte IE 7]> <link href="css/ieHack.css" rel="stylesheet" type="text/css" /> <![endif]-->
  <!--        <style>.iconlist .icon{margin-left: 5px;}.iconlist .icon.icon_delete{margin-left:8px;}i.icon.icon_ding { width: 16px; background-position: -419px 0px; }</style>-->
	<style>
	    .table tbody tr{height:44px;}
	    .table thead tr th{font-weight: bolder;}
	    .operate{margin-left: 40px;}
	    .editOperate{display:inline-block;width:60px;margin-left: -10px}
	    .deleteOperate{display:inline-block;width:60px;margin-left: 5px;}
	 
	</style>
	
	</head>

	<body>
		<script src="js/tpl/header.js" type="text/javascript" charset="utf-8"></script>
		<div class="page-wrapper productlist minwidth border" id="page-wrapper">
			<div class="line"></div>
			<script src="js/tpl/adminMenu.js" type="text/javascript" charset="utf-8"></script>
			

			<div class="page-content">
				<div class="tablist">
					<ul>
						<li class="tabItem  active">
							<a href="administratorBusiness.html#company">企业管理</a>
						</li>
							<li class="tabItem">
							<a href="administratorUser.html#company">用户管理</a>
						</li>
						
					</ul>
				</div>

				<div class="page-container">
					<div class="page-form">
						<div>
							<span class="btn blue addBussiness fr"><i class="icon icon_add blue"></i> 添加企业</span>
						</div>
						<div class="clearfix"></div>

						<div class="form">
							<form class="inline-form">
								<div>
									<label>企业名称：</label>
									<input type="text" placeholder="请输入企业名称" style="width: 133px;" />
								</div>
								<div style="margin-left:15px;">
									<label>联系人：</label>
									<input type="text" placeholder="请输入联系人" style="width: 133px;" />
								</div>
								<div style="margin-left:15px;">								
									<label>状态：</label>
									<div class="overlay">
										<!--这个是用来存放选中的select的值的-->
										<input type="hidden" value="" class="form-select-value" />
										<div class="dropdown">
											<button class="dropdown-toggle form-dropdown" type="button">
				                                <span class="value">请选择</span>
				                                <span class="caret"></span>
				                            </button>
											<ul class="none">
												<li data-value='001'>待定</li>
												<li data-value='002'>待定2</li>
												<li data-value='003'>待定3</li>
												<li data-value='004'>依旧待定</li>
											</ul>
										</div>
									</div>								
								</div>
								
								<input type="button" value="查询" class="search-input-button" style="margin-left:20px;"/>
								<input type="button" value="重置" class="search-input-button bgblue" />
							</form>
						</div>
					</div>
					<div class="table">
						<div class="tablelist">
							<table>
								<thead >
									<tr>
										<th style="width:200px;">企业名称</th>
										<th style="width:90px;">企业简称</th>
										<th style="width:130px;">联系人</th>
										<th style="width:120px;">手机</th>
										<th style="width:90px;">企业类型</th>
										<th style="width:110px;">创建时间</th>
										<th style="width:180px;">操作</th>	
									</tr>
								</thead>
								<tbody id="itemContainer">
									<tr>
										<td>三井酒业有限公司</td>
										<td>小刀</td>
										<td>诸葛孔明</td>
										<td>18606036400</td>
										<td>酒厂</td>
										<td>2016-12-22</td>
										<td>
											<div class="operate text-left">
											    <div class="editOperate hover"><i class="icon icon_edit"  ></i> <span class="editPro " data-id=''>编辑</span></div>
											    <div class="deleteOperate hover"><i class="icon icon_delete" ></i> <span class="deletePro " data-id=''>删除</span></div>
										    </div>
										</td>	
									</tr>
									<tr>
										<td>山东丽鹏股份有限公司</td>
										<td>丽鹏</td>
										<td>诸葛孔明</td>
										<td>18606036400</td>
										<td>酒厂</td>
										<td>2016-12-22</td>
										<td>
											<div class="operate text-left">
											    <div class="editOperate hover"><i class="icon icon_edit"  ></i> <span class="editPro " data-id=''>编辑</span></div>
											    <div class="deleteOperate hover"><i class="icon icon_delete" ></i> <span class="deletePro " data-id=''>删除</span></div>
										    </div>
										</td>	
									</tr>
									<tr>
										<td>中国五粮液集团</td>
										<td>五粮液</td>
										<td>诸葛孔明</td>
										<td>18606036400</td>
										<td>酒厂</td>
										<td>2016-12-22</td>
										<td>
											<div class="operate text-left">
											    <div class="editOperate hover"><i class="icon icon_edit"  ></i> <span class="editPro " data-id=''>编辑</span></div>
											    <div class="deleteOperate hover"><i class="icon icon_delete" ></i> <span class="deletePro " data-id=''>删除</span></div>
										    </div>
										</td>	
									</tr>
									<tr>
										<td>中国劲酒股份有限公司</td>
										<td>劲酒</td>
										<td>诸葛孔明</td>
										<td>18606036400</td>
										<td>酒厂</td>
										<td>2016-12-22</td>
										<td>
											<div class="operate text-left">
											    <div class="editOperate hover"><i class="icon icon_edit"  ></i> <span class="editPro " data-id=''>编辑</span></div>
											    <div class="deleteOperate hover"><i class="icon icon_delete" ></i> <span class="deletePro " data-id=''>删除</span></div>
										    </div>
										</td>	
									</tr>
									<tr>
										<td>三井酒业有限公司</td>
										<td>小刀</td>
										<td>诸葛孔明</td>
										<td>18606036400</td>
										<td>包材商</td>
										<td>2016-12-22</td>
										<td>
											<div class="operate text-left">
											    <div class="editOperate hover"><i class="icon icon_edit"  ></i> <span class="editPro " data-id=''>编辑</span></div>
											    <div class="deleteOperate hover"><i class="icon icon_delete" ></i> <span class="deletePro " data-id=''>删除</span></div>
										    </div>
										</td>	
									</tr>
								</tbody>
							</table>
						</div>
						
                        <!--固定页码位置-->
                        <!--style="position: absolute;bottom:10px;left:500px;"-->
						<div class="pagelist fr">
							<div class=" pagedesc fl">当前<span class="currentPage"></span>/<span class="totalpage"></span>，每页<span class="perpage"></span>条，共<span class="totalnumber"></span>条</div>
							<div class="pagination inline-block fl"></div>
							<div class="inline-block fl">
								到第<input type="text" value="" class="gotopage" />页 <input type="button" value="跳转" class="search-input-button border-radius bgblue gotopage_button"></span>
							</div>

						</div>

					</div>

				</div>

			</div>
		</div>

		<div class="footer">
			<div class="footercontainer">
				<ul>
					<li>
						<a href="#">关于我们</a>
					</li>
					<li>
						<a href="#">服务与支持</a>
					</li>
					<li>
						<a href="#">常见问题</a>
					</li>
					<li>
						<a href="#">人才招聘</a>
					</li>
					<li>
						<a href="#">加盟合作</a>
					</li>
				</ul>

				<div style="margin-top:13px;">版权所有@ 2015 - 2016 深圳在乎传媒科技有限公司 粤ICP备15107022-1号</div>
			</div>

		</div>

		<!--这里是删除产品的弹框（无法删除）-->

	</body>

	<script src="js/jquery-1.8.2.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/page/jPages.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/js.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/page/pageFun.js" type="text/javascript" charset="utf-8"></script>

	<script src="js/layer/layer.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/layFun.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/scroll/jquery.slimscroll.min.js" type="text/javascript" charset="utf-8"></script>

	<script>
		var index;
		$(function() {
			commonObj.checkinit();
			var pageObj = new pageFun();
			var currentpage = 1,
				perPage = 10,
				totalNumber = 50;
			pageObj.pageNoObj = $('#pageNo');
			pageObj.submitFun = function() {
					$('#searchForm').submit();
				}
				/*参数每页多少个,当前页,总个数,容器的ID*/
			pageObj.init(perPage, currentpage, totalNumber, 'itemContainer');

			$('.iconlist .icon').each(function() {
				$(this).hover(function() {
					var tip = $(this).attr('data-tooltip');
					index = layer.tips(tip, $(this), {
						tips: 1
					});
				}, function() {
					layer.close(index);
				})
			})
});
			//添加企业
			$('.addBussiness').click(function() {
				layObj.open('add_Bussiness.html', '580', '740', '添加企业');
			})
			
			
			//编辑
			$('.editOperate').click(function() {
				layObj.open('add_Bussiness.html', '580', '740', '编辑企业信息');
			})
			
            //删除
            $('.deleteOperate').click(function() {
					layer.open({
						type: 1,
						title: '删除',
						shadeClose: true,
						shade: 0.8,
						fix: false,
						area: ['400px', '180px'],
						offset: '300px',
						content: '<p style=";padding-top:40px;text-align:center;">是否确认删除？</p>',
						btn: ['确定', '取消'],
						yes: function(index, layero){
                         //按钮【按钮一】的回调
                        },btn2: function(index, layero){
                         //按钮【按钮二】的回调
                        },
						success: function(layero, index) {
							
						}
					});
				})
			
		
		   
		   

	</script>

</html>